<template>
  <div>
    <div id="form-back" :style="{height:height}"></div>
    <div id="form-body">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  props: ['height']
}
</script>

<style scoped>

#form-back, #form-body {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}

#form-back {
  z-index: 100;
  background: white;
  opacity: .2;
  border-radius: 10px;
  top: 20vh;
  width: 400px;
}

#form-body {
  z-index: 101;
  top: calc(20vh + 50px);
  width: 280px;
  height: fit-content;
}
</style>
